.middle-one {
    width: 16rem;
    border-top: 1px solid grey;
    height: auto;
   position: relative;
    bottom: 2rem;
    margin-top: 2rem;
}
.middle-one-top{
    width: 16rem;
    height: 2rem;
    margin-bottom: .6rem;
}
.middle-one-top img{
    margin-top: -0.3rem;
    margin-left: 0.5rem;
    width: 4.6rem;
    height: 1.2rem;
    vertical-align: inherit;
}
.middle-one-top span{
    float: right;
    font-size: .7rem;
    margin-right: 0.55rem;
    color: #999999;
    margin-top: .62rem;
}
.ul-list-book li{
    float: left;
    padding: .1rem;
}
.ul-list-book li img{
    width: 4.9rem;
    height: 6.5rem;
}
.ul-list-book .book-title{
    width: 4rem;
    height: .9rem;
    overflow: hidden;
    text-indent: .1rem;
    font-size: 0.7rem;
    margin-bottom:.2rem ;
}
.ul-list-book .book-man{
    text-indent: .1rem;
    font-size: 0.55rem;
    color: #999999;
    margin-bottom: .15rem;
}
.my-banner{
    width: 16rem;
    height: 10rem;
    padding-top: 3rem;
    background: url("../img/bg-log.png")  no-repeat;
    background-size: cover;
    
}

.my-banner img{
    width: 4rem;
    height: 4rem;
    display: block;
   margin: 0 auto;
    margin-bottom: .3rem;

}
.my-banner .now-log{
    width: 5.5rem;
    height: 1.4rem;
    line-height: 1.4rem;
    background: white;
    margin: 0 auto;
    font-size: .9rem;
    text-align: center;
    border-radius: 1rem;
    color: #3778BC;
}
.middle-1-1{
    width: 16rem;
    height: 4rem;
    border-bottom: 1px solid #efecec;
    border-top: 1px solid #efecec;
    background: white;
    margin-top: .4rem;
}
.middle-1-1 div img{
    width: 1.5rem;
    height: 1.5rem;
   position: relative;
    top: -0.55rem;
    left: .5rem;
}
.middle-1-1 div span{
    font-family: 微软雅黑, Arial, Helvetica, sans-serif;
   font-size: .79rem;
    position: relative;
    top: -0.6rem;
    left: .4rem;
}
.middle-1-1 .top{
    border-bottom: 1px solid #efecec;
    height: 2rem;
}
 .now-exit{
     width: 5.5rem;
     height: 1.4rem;
     line-height: 1.3rem;
     background: #3778BC;
     margin: 0 auto;
     font-size: .9rem;
     text-align: center;
     border-radius: 1rem;
     color: white;
     margin-top: 1rem;
}
 .list p{
     margin: 0;
     padding: 0;
     padding-left: .5rem;
     font-size: 1rem;
     color: #3778BC;
     height: 1.5rem;
     line-height: 1rem;
 }

 .fotter-title{
     font-size: .7rem;color: #7E7E7E
 }
 .fotter-title-speacil{
     color: #3778BC;
 }
 .go-read{
     width: 16rem;
     height: 8rem;
     border-bottom: 1px solid #d4d4d4;
     padding: 3%;
     background: white;
 }
 .go-read .left{
     width: 5rem;
     height: 7rem;
     float: left;
     margin-right: .5rem;
 }
.go-read .left img{
    width: 5rem;
    height: 7rem;
}
.go-read .right{
    width: 9.4rem;
    height: 7rem;
    float: left;
}
.go-read p{
    margin: 0;
    padding: 0;
    font-family: 微软雅黑;
}
.go-read .right .read-title{
    margin-top: -0.3rem;
    font-size: .75rem;
}
.go-read .right .read-writer{
    font-size: .65rem;
    color: #969696;
}
.go-read .right .read-time{
    font-size: .65rem;
    color: #969696;
}
.gogo-read p{
    font-size: .75rem;
    width: 4.5rem;
    height: 2rem;
    background: #3777BC;
    line-height: 2rem;
    color: white;
    text-align: center;
    border-radius: .2rem;
    margin-top: .2rem;
}
.go-have{
    width: 16rem;
    height: 8rem;
    border-bottom: 1px solid #d4d4d4;
    padding: 3%;
    background: white;
}
.go-have div{
    width: 5rem;
    height: 7rem;
    float: left;
    text-align: center;
}
.go-have div img{
    width: 4.5rem;
    height:6rem ;
}
.go-have div p{
    font-size: .55rem;
    color: #333333;
}
.my-password{
    width: 16rem;
    height: 7.5rem;
    background: white;
}
.my-password input{
    width: 16rem;
    display: block;
    border: none;
    height: 2.5rem;
    border-bottom:1px solid #bebebe;
    padding-left: 2rem;
    font-size: .8rem;
    color: #999999;
}
.my-password .getnum{
    width: 7rem;
    height: 1.65rem;
    font-size: .8rem;
    line-height: 1.65rem;
    background: #3778BC;
    color: white;
    text-align: center;
    position: absolute;
    top: 7.45rem;
    left: 8rem;
    border-radius: .3rem;
}
#top-s{
    height: 5rem;
    margin-top: 1rem;
}
.submit-tel{

    width: 12rem;
    height: 2rem;
    background: #C94040;
    color: white;
    font-size: 1rem;
    text-align: center;
    line-height: 2rem;
    margin:  1rem auto;
    border-radius: .4rem;
}
#xq-text{
    width: 16rem;
    height: 9rem;
    background: white;
    padding:6% 2%;
    border-bottom: 1px solid #d2d2d2;
}
#xq-text div{
    float: left;
}
#xq-text .left{
    width: 5rem;
    height: 7.5rem;
    text-align: center;
}
#xq-text .left img{
    width: 5rem;
    height: 7.5rem;
}

#xq-text .right{
    padding-left: .6rem;
    width: 10rem;
    height: 7.5rem;
}
#xq-text .right .title{
    margin: 0;
    padding: 0;
    width: 9rem;
    font-size: .8rem;
    color: #333;
    font-weight: 600;
    font-family: Arial, Helvetica, sans-serif;
    vert-align: top;
}
#xq-text .right .title-z{
    color: #919191;
}
#xq-text .right .title span{
   font-size: .7rem;
    color: #999999;
    padding-left: .3rem;

}
#xq-text .right .conner{
    margin: 0;
    padding: 0;
    width: 9.1rem;
    font-size: .65rem;
    text-indent: .1rem;
    color: #999999;
}
#xq-text .right .submit-text{
    width: 9rem;
    height: 2rem;
    text-align: center;
    margin-top: 1rem;
}
#xq-text .right .submit-text p{
    width: 4rem;
    height: 1.6rem;
    float: left;
    font-size: .8rem;
    line-height: 1.4rem;
}
#xq-text .right .submit-text .one{
    color:#3777BC ;
    margin-right: .5rem;
    border: 2px solid #3778BC;
    border-radius: .2rem;
}
#xq-text .right .submit-text .two{
    color:white;
    background: #3778BC;
    border-radius: .2rem;
}
.talk{
    width: 16rem;
    height: auto;
    overflow: hidden;
    background: white;
    padding:3% 5%;
}
.talk .title{
    font-size: 1rem;
    color: #3778BC;
    margin-bottom: .35rem;
    background: url("../img/shu.png") no-repeat 0 .25rem ;
    background-size:3% 80% ;
    padding-left: .45rem;
    width: 6rem;
    float: left;
}
.talk .more{
    font-size: .85rem;
    color: #838383;
    margin-bottom: .35rem;
    float: right;
    width: 6rem;
    text-align: right;
}
.pl{clear: both}
.p-post{
    width:100%;height:2rem;padding-left: .5rem
}
.p-post input{
    width: 100%;height: 1.6rem;font-size: 0.7rem;padding-left: 0.2rem;border: 1px solid #616161
}
#jj-text{
    width: 16rem;
    height: auto;
    overflow: hidden;
    background: white;
    padding:3% 5%;
}
#jj-text p{
    margin: 0;
    padding: 0;
}
#jj-text .title{
    font-size: 1rem;
    color: #3778BC;
    background: url("../img/shu.png") no-repeat 0 .25rem ;
    background-size:1.5% 80% ;
    padding-left: .45rem;
}
.pl .r-r .name{float: left;font-size: 0.8rem;color: #000;margin-bottom: 0}
.pl .r-r .data{float: right;font-size: 0.6rem;color: #000;padding-top: .2rem;margin-bottom: 0}
.pl .r-r .contnet{clear: both;font-size: .75rem;color: #9B9B9B ;margin-bottom: .9rem}
#jj-text .nr{
    width: 14rem;
    font-size: .65rem;
    color: #9e9e9e;
    text-indent: 1rem;

}
#jj-text .now-read{
    margin-top: .5rem;
    width: 14rem;
    height: 2rem;
    background: #3778BC;
    color: white;
    font-size: 1rem;
    text-align: center;
    line-height: 1.8rem;
    border-radius: .25rem;
}
#like-book{
    width: 16rem;
    height: auto;
    overflow: hidden;
    padding: 3% 5%;
}
#like-book p{
    font-size: .8rem;
    color: #3778BC;
    margin-bottom:.5rem;
    padding: 0;
}
#like-book img{
    margin-right: .2rem;
}
.txt-inp{
    width: 16rem;
    height: 2rem;
    padding: 10% 5%;
    box-sizing: border-box;
    color: #6b6b6b;
}
.inp-gh{ width: 100%;
    height:2rem;
    border: none;
    border-bottom:1px solid #CBCCCF;
    background: url("../img/gh.png") no-repeat 0.8rem 0.2rem;background-size:7%;
    padding-left: 2.3rem;
    font-size: 0.9rem;
    padding-bottom: 0.45rem;
}
.inp-xm{
    margin-top: 0.35rem;
    background: url("../img/mz.png") no-repeat 0.8rem 0.2rem;background-size:7%;
}
.cate-search{
    background: none;position: absolute;top: 0.7rem;
}
.am-slides > li {
    width: 16rem;height: 10rem
}
.cate-input{
    border: none;background: #6b6b5e;opacity: 0.6;border-radius: 55px;height: 1.8rem;color: white
}
.like-book>img{width: 4.3rem;height: auto}
#fiction_word{text-align: justify}
.list p span{
    float: right;
}
.list p span a{
    color: #3778BC;
    font-size: .9rem;
    margin-right: .8rem

}